<template>
  <div class="not-found">
    <div class="msg-box">
      <h1 class="animated fadeInDown">404 Not Found!</h1>
      <h2 class="animated fadeInUp">
        额!似乎您访问的页面不存在.
      </h2>
    </div>
  </div>
</template>

<script>
export default {
  name: "NotFound",
};
</script>

<style lang="scss" scoped>
@import "../../assets/scss/_variables";
@import "../../assets/scss/_mixins";

.msg-box {
  max-width: 350px;
  margin: 200px auto;

  h1 {
    @include text-bordered-shadow();
  }
}
</style>
